<template>
  <div>
    <div class="footer">
        <div class="left">共{{ number }}条记录 第 {{pageIndex}}/{{Math.ceil(number/10)  }} 页</div>
        <div class="right">
          <el-button type="success" @click="$emit('up',)" :disabled="(this.pageIndex==1?true:false)">上一页</el-button>
          <el-button type="success" @click="$emit('next',)" :disabled="(this.pageIndex==Math.ceil(number/10)?true:false)">下一页</el-button>
        </div>
      </div>
  </div>
</template>

<script>
export default {
  props: {
    pageIndex: {
      type: Number,
      require: true
    },
    number: {
      type: String,
      require: true
    }
  }
}
</script>

<style lang="scss" scoped>
.footer {
  background-color: #fff;
  display: flex;
  .left {
    height: 100%;
    font-size: 13px;
    color: #dbdfe5!important;
    width: 80%;
    margin-left: 2%;
    line-height: 40px;
  }
  .right {
    width: 20%;
    margin-left: 30%;
  }
}
</style>
